layui.use(['table', 'jquery','element','layer','form'], function () {
    var table = layui.table;
    var $ = layui.jquery;
    var element = layui.element;
    var layer = layui.layer;
    var form = layui.form;
    var upload = layui.upload;

    //第一个实例
    table.render({
        elem: '#table',
        height: 600,
        toolbar :'#toolbar',
        defaultToolbar : []
        , url: ctx + '/api/emp/remain/listPage' //数据接口
        , page: true
        , cols: [[
            {field: 'empName', title: '业务员姓名', align: 'center',width:'10%'}
            , {field: 'amount', title: '申请额度', align: 'center',width:'15%'}
            , {field: 'createTime', title: '申请时间', align: 'center',width:'13%'}
            , {field: 'remark', title: '申请原由', align: 'center',width:'15%'}
            , {field: 'status', title: '审核状态', align: 'center',width:'10%',templet:function(d){
                    if(d.status == 1){
                        return "进行中";
                    }else if(d.status == 2){
                        return "审核通过";
                    }else{
                        return "明细驳回";
                    }
                }}
            , {field: 'verifyTime', title: '审批时间', align: 'center',width:'10%'}
            , {field: 'verifyName', title: '审批人', align: 'center',width:'10%'}
            , {field: 'applyResultRemark', title: '审批结果', align: 'center',width:'10%'}
            , {field: 'ops', title: '操作', width: '20%', align: 'center',toolbar: '#tool'}
        ]]
    });

    // 条件查询
    $('#submit').on('click',function(e){
        e.preventDefault();
        debugger;
        // 重新渲染数据
        table.reload('table', {
            url: ctx + '/api/emp/remain/listPage'
            ,where: $('#queryForm').formToObject()
        });
        return false;
    });

    // tool
    table.on('tool(table)', function(obj){
        toolData = obj.data;
        var layEvent = obj.event;

        if(layEvent === 'verify') {
            verify(toolData);
        }
    });

    var verifyData = null;

    // 审核
    function verify(data){
        verifyData = data;
        $('#verifyContent').html(data.remark);
        layer.open({
            type :1,
            title : '申请理由',
            content : $("#verifyLayer"),
            area : ['500px','200px'],
            btn :['通过','驳回'],
            yes : function(idnex){
                layer.prompt({
                    formType: 2,
                    value: '审核通过',
                    title: '输入意见',
                }, function(value, index, elem){

                    $.ajax({
                        url : ctx+"/api/emp/remain/applyOK",
                        data :{
                            id : verifyData.id,
                            applyResultRemark : value
                        },
                        type :'post',
                        async : false,
                        success : function(res){
                            if(res.success){
                                layer.msg(res.msg,{icon:1})
                                layer.closeAll()
                                table.reload('table')
                            }else{
                                layer.msg(res.msg,{icon:2})
                            }
                        }
                    });

                });
            },
            btn2 : function(index){
                layer.prompt({
                    formType: 2,
                    value: '审核驳回',
                    title: '输入意见',
                }, function(value, index, elem){

                    $.ajax({
                        url : ctx+"/api/emp/remain/applyFail",
                        data :{
                            id : verifyData.id,
                            applyResultRemark : value
                        },
                        type :'post',
                        async : false,
                        success : function(res){
                            if(res.success){
                                layer.msg(res.msg,{icon:1})
                                layer.closeAll()
                                table.reload('table')
                            }else{
                                layer.msg(res.msg,{icon:2})
                            }
                        }
                    });

                });
            }
        });
    }

    //toolbar
    table.on('toolbar(table)', function(obj){
        var event = obj.event;
        if(event == 'query'){

        }
    });

});